#new-rule {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(1, 12, 61, 1) 0%, rgba(25, 51, 98, 1) 100%, rgba(25, 51, 98, 1) 100%);
    z-index: 9;

    .newrule-list {
        padding: 0 30px;

        .mu-item {
            height: auto;
            background: rgba(8, 73, 113, 0.2);
            border-radius: 3PX;
            border: 1PX solid rgba(46, 132, 211, 0.3);
            padding: 20px 30px;
            margin: 20px 0;

            .rulename-div {
                width: 100%;

                .fleft {
                    font-size: 16PX;

                }

                .my-input {
                    border: none;
                    width: 80%;
                    height: 100%;
                    text-align: right;

                    &::placeholder {
                        text-align: right;
                    }
                }
            }

        }
    }

    #close {
        position: absolute;
        bottom: 0;
        width: 50%;
        border-radius: 0;
        background:rgba(30,197,241,0.17);

    }

    #submit {
        position: absolute;
        bottom: 0;
        width: 50%;
        right: 0;
        border-radius: 0;
    }
}